﻿<!DOCTYPE html>
<html>
  <head>
    <title>触发条件</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/触发条件/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/触发条件/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u53" class="ax_default box_1">
        <div id="u53_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u54" class="ax_default label">
        <div id="u54_div" class=""></div>
        <div id="u54_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">验证</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">手机号，方便司机联系您</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u55" class="ax_default label">
        <div id="u55_div" class=""></div>
        <div id="u55_text" class="text ">
          <p><span>X</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u56" class="ax_default line">
        <img id="u56_img" class="img " src="images/触发条件/u56.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u57" class="ax_default line">
        <img id="u57_img" class="img " src="images/触发条件/u56.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u58" class="ax_default box_1">
        <img id="u58_img" class="img " src="images/触发条件/u58.png"/>
        <div id="u58_text" class="text ">
          <p><span>确定</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u59" class="ax_default label">
        <div id="u59_div" class=""></div>
        <div id="u59_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">请</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">输入手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u60" class="ax_default box_1">
        <div id="u60_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u61" class="ax_default label">
        <div id="u61_div" class=""></div>
        <div id="u61_text" class="text ">
          <p><span>验证</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u62" class="ax_default box_1">
        <div id="u62_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u63" class="ax_default label">
        <div id="u63_div" class=""></div>
        <div id="u63_text" class="text ">
          <p><span>请输入验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u64" class="ax_default box_1">
        <div id="u64_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u65" class="ax_default label">
        <div id="u65_div" class=""></div>
        <div id="u65_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">验证</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">手机号，方便司机联系您</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u66" class="ax_default label">
        <div id="u66_div" class=""></div>
        <div id="u66_text" class="text ">
          <p><span>X</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u67" class="ax_default line">
        <img id="u67_img" class="img " src="images/触发条件/u56.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u68" class="ax_default line">
        <img id="u68_img" class="img " src="images/触发条件/u56.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u69" class="ax_default box_1">
        <img id="u69_img" class="img " src="images/触发条件/u69.png"/>
        <div id="u69_text" class="text ">
          <p><span>确定</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u70" class="ax_default label">
        <div id="u70_div" class=""></div>
        <div id="u70_text" class="text ">
          <p><span>18759273297</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u71" class="ax_default box_1">
        <div id="u71_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u72" class="ax_default label">
        <div id="u72_div" class=""></div>
        <div id="u72_text" class="text ">
          <p><span>30s</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u73" class="ax_default box_1">
        <div id="u73_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u74" class="ax_default label">
        <div id="u74_div" class=""></div>
        <div id="u74_text" class="text ">
          <p><span>1234</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u75" class="ax_default label">
        <div id="u75_div" class=""></div>
        <div id="u75_text" class="text ">
          <p><span>重发</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u76" class="ax_default box_1">
        <div id="u76_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u77" class="ax_default label">
        <div id="u77_div" class=""></div>
        <div id="u77_text" class="text ">
          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">1、点击关闭按钮关闭弹窗</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">2、手机号输入框限定输入11位手机号，有输入且获取</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">焦点时有清空按钮</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">3、验证码输入框限定输入4位数字，有输入且获取焦</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">点时有清空按钮</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">4、点击验证按钮</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">手机号未输入时——toast提示“请先输入手机号”</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">手机号格式不正确时——toast提示“请输入正确的手机</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">号”</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">手机号正确时——发送验证码，并进入60s倒计时，按</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">钮文字颜色变灰不可点击，倒计时结束后变为“重发”，</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">点击“重发”可重新点击发送验证码</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">5、确定按钮——当手机号输入框和验证码输入框都有</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">输入且位数正确时才可点击，否则默认状态为灰色</span></p><p><span style="font-family:'ArialMT', 'Arial';">点击登录按钮，</span></p><p><span style="font-family:'ArialMT', 'Arial';">手机号格式不正确时——toast提示“请输入正确的手机号”</span></p><p><span style="font-family:'ArialMT', 'Arial';">验证码不正确时——toast提示“验证码错误”</span></p><p><span style="font-family:'ArialMT', 'Arial';">验证码正确时——验证通过，toast提示“登录成功”并返</span></p><p><span style="font-family:'ArialMT', 'Arial';">回登录前页面</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">6、元翔专车用户协议：默认勾选复选框的选项。用户协议</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">地址同APP登录协议一致</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u78" class="ax_default box_1">
        <div id="u78_div" class=""></div>
        <div id="u78_text" class="text ">
          <p><span>首次登录时需将微信授权与手机号绑定到一起</span></p><p><span>绑定后，下次用户再次打开微信叫车时，通过微信授权判断是否已绑定过，如已绑定，则自动登录成功</span></p><p><span><br></span></p><p><span>在用户使用手机号码登录后，则将绑定微信用户openid与该用户账号；(关闭页面再次进入，则不需要登录)</span></p>
        </div>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u79" class="ax_default checkbox">
        <label for="u79_input" style="position: absolute;">
          <div id="u79_text" class="text ">
            <p><span>我接受元翔专车用户协议协议</span></p>
          </div>
        </label>
        <input id="u79_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u80" class="ax_default checkbox">
        <label for="u80_input" style="position: absolute;">
          <div id="u80_text" class="text ">
            <p><span>我接受元翔专车用户协议协议</span></p>
          </div>
        </label>
        <input id="u80_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u81" class="ax_default _图片">
        <img id="u81_img" class="img " src="images/触发条件/u81.jpg"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u82" class="ax_default _图片">
        <img id="u82_img" class="img " src="images/触发条件/u82.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u83" class="ax_default label">
        <div id="u83_div" class=""></div>
        <div id="u83_text" class="text ">
          <p><span>6.2新增：</span></p><p><span>登录触发机制:</span></p><p><span>1、 首次登录用户</span></p><p><span>2、授权登录微信后，优先获取用户信息</span></p><p><span>3、在“首页”界面,判定是否用户绑定，如未绑定，调用登录弹框。已绑定继续操作</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
